<template>
  <div :class="classes || ''" class="full-width column flex-center text-body2 text-grey-7">
    <img :height="height || 70" :src="imgPath" alt="">
    <div>{{ emptyText || $t('NoData') }}</div>
  </div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  path: String,
  classes: String,
  emptyText: String,
  height: [String, Number]
})

const imgPath = computed(() => {
  const { path = 'NODATA' } = props
  return new URL(`/src/assets/${path}.png`, import.meta.url).href
})
</script>